import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'


const patch = init([])

// 第一个参数：标签+选择器
// 第二个参数：如果是字符串就是标签中的文本内容
let vnode = h('div#container.cls', 'Hello World')
// 获取页面中ID 为 app 的 div，然后把 vnode 中 div 渲染到 app 的页面中，也就是替换掉
let app = document.querySelector('#app')

// 对比两个 vnode 的差异，并把差异更新到真实的 DOM 上
// 第一个参数：旧的 vnode 也可以是DOM 元素
// 第二个参数：新的 vnode
// 返回新的 vnode
let oldVnode = patch(app, vnode)

vnode = h('div#container.xxx', 'Hello Snabbdom')

patch(oldVnode, vnode)